<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
		<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
		<link rel="stylesheet" type="text/css" href="../css/aui.css" />
		<style type="text/css">		
			body{
				 
			}
			.header-font{
				color: #3C3B41 !important;
			}
			.section-top-padded{
				margin-top:0.75rem;
			}
			
			.left-bar{
    			border-left-color: #FA7433;
    			border-left-style: solid;
    			border-left-width: 0.25rem;
		    	padding-left: 0.75rem;
			}
			
			.more-action-font{
				color: #FA7433 !important;
			}
			
			.room-item-content-padded{
				padding-left: 0.625rem;
    			padding-right: 0.625rem;
    			margin-left: 0;
    			margin-right: 0;
			}
			
			.room-title{
				padding-top:0.5rem;
				font-size: 0.6rem;
			}
			
			.room-starttime{
				padding-top:0.2rem;
				padding-bottom:0.5rem;
				font-size: 0.5rem;
    			color: #757575;
			}
			
			.room-item-wrap{
				height:9rem;
			}
			
			.room-status-icon{
			    position: absolute;
			    right: 0.125rem;
			    top: 0.125rem;
			    font-size: 0.5rem;
			    padding-left: 0.2rem;
			    padding-right: 0.2rem;
			    color:white;
			}
			.room-type-icon{
			    position: absolute;
			    left: 0.125rem;
			    top: 0.125rem;
			    font-size: 0.5rem;
			    padding-left: 0.2rem;
			    padding-right: 0.2rem;
			    color:white;
			}
		</style>
	</head>
	<body>
		
		<!--<header class="aui-bar aui-bar-nav aui-bar-light" id="header-bar">
		    <a class="aui-pull-left aui-btn">
		        <span class="aui-iconfont aui-icon-menu header-font"></span>
		    </a>
		    <div class="aui-title header-font">NTTC路演平台1</div>
		    <a class="aui-pull-right aui-btn">
		        <span class="aui-iconfont aui-icon-search header-font"></span>
		    </a>
		</header>-->
	
		<div id="scroll_pic" style="width:100%;">
		
		</div>
		
		<div id="body" style="">
			<section class="section-top-padded">
			    <div class="aui-card-list">
			        <div class="aui-card-list-header">
			           <span class="left-bar">	热门</span>
			           <a class="aui-pull-right" id="hot_catalog">
					        <span class="more-action-font">更多 <i class="aui-iconfont aui-icon-right"></i></span>
					    </a>
			        </div>


	                <div class="aui-row aui-row-padded room-item-content-padded"  id="hot-rooms-container">
<!--
	                    <div class="aui-col-xs-6 room-item-wrap">
	                        <div>
	                        	<img class="cover-image" src="../image/room_cover_default.png" />
	                    	<span class="room-status-icon">回顾</span>
	                        </div>
	                        <div class="room-title aui-ellipsis-2">标题asfasfasfasfasfasdfasdfasdfsdafasdfasdfasdfasdfsadfasdfsdf</div>
	                        <div class="room-starttime">时间</div>
	                    </div>
						<div class="aui-col-xs-6 room-item-wrap">
	                        <div>
	                        	<img class="cover-image" src="../image/room_cover_default.png" />
	                    	<span class="room-status-icon">回顾</span>
	                        </div>
	                        <div class="room-title aui-ellipsis-2">标题asfasfasfasfasfasdfasdfasdfsdafasdfasdfasdfasdfsadfasdfsdf</div>
	                        <div class="room-starttime">时间</div>
	                    </div>
	                    <div class="aui-col-xs-6 room-item-wrap">
	                        <div>
	                        	<img class="cover-image" src="http://7xsvsj.com1.z0.glb.clouddn.com/image/jpg/0823/02/%E5%B9%BB%E7%81%AF%E7%89%871.JPG" />
	                    	<span class="room-status-icon">回顾</span>
	                        </div>
	                        <div class="room-title aui-ellipsis-2">标题asfasfasfasfasfasdfasdfasdfsdafasdfasdfasdfasdfsadfasdfsdf</div>
	                        <div class="room-starttime">时间</div>
	                    </div>
						<div class="aui-col-xs-6 room-item-wrap">
	                        <div>
	                        	<img class="cover-image" src="../image/room_cover_default.png" />
	                    	<span class="room-status-icon">回顾</span>
	                        </div>
	                        <div class="room-title aui-ellipsis-2">标题asfasfasfasfasfasdfasdfasdfsdafasdfasdfasdfasdfsadfasdfsdf</div>
	                        <div class="room-starttime">时间</div>
	                    </div>-->
	                </div>
	   
		
			    </div>
			</section>
			<section class="section-top-padded"  >
			    <div class="aui-card-list">
			        <div class="aui-card-list-header">
			           <span class="left-bar">最新</span>
			           <a class="aui-pull-right" id="new_catalog">
					        <span class="more-action-font">更多 <i class="aui-iconfont aui-icon-right"></i></span>
					    </a>
			        </div>

	                <div class="aui-row aui-row-padded room-item-content-padded" id="new-rooms-container">
<!--
	                    <div class="aui-col-xs-6 room-item-wrap">
	                        <div>
	                        	<img class="cover-image" src="../image/room_cover_default.png" />
	                    	<span class="room-status-icon">回顾</span>
	                        </div>
	                        <div class="room-title aui-ellipsis-2">标题asfasfasfasfasfasdfasdfasdfsdafasdfasdfasdfasdfsadfasdfsdf</div>
	                        <div class="room-starttime">时间</div>
	                    </div>
						<div class="aui-col-xs-6 room-item-wrap">
	                        <div>
	                        	<img class="cover-image" src="../image/room_cover_default.png" />
	                    	<span class="room-status-icon">回顾</span>
	                        </div>
	                        <div class="room-title aui-ellipsis-2">标题asfasfasfasfasfasdfasdfasdfsdafasdfasdfasdfasdfsadfasdfsdf</div>
	                        <div class="room-starttime">时间</div>
	                    </div>
	                    <div class="aui-col-xs-6 room-item-wrap">
	                        <div>
	                        	<img class="cover-image" src="../image/room_cover_default.png" />
	                    	<span class="room-status-icon">回顾</span>
	                        </div>
	                        <div class="room-title aui-ellipsis-2">标题asfasfasfasfasfasdfasdfasdfsdafasdfasdfasdfasdfsadfasdfsdf</div>
	                        <div class="room-starttime">时间</div>
	                    </div>
						<div class="aui-col-xs-6 room-item-wrap">
	                        <div>
	                        	<img class="cover-image" src="../image/room_cover_default.png" />
	                    	<span class="room-status-icon">回顾</span>
	                        </div>
	                        <div class="room-title aui-ellipsis-2">标题asfasfasfasfasfasdfasdfasdfsdafasdfasdfasdfasdfsadfasdfsdf</div>
	                        <div class="room-starttime">时间</div>
	                    </div>-->
	                </div>
	   
		
			    </div>
			</section>
			
		</div>
		
	
	</body>
	<script type="text/javascript" src="../script/api.js"></script>
	<script type="text/javascript" src="../script/api-extends-app.js"></script>
	<script type="text/javascript" id="appinit" data-baseurl="../script" src="../script/libs/require.js"></script>
	<script type="text/javascript">
		apiready = function() {
			appinit();
			api.parseTapmode();
		};
	</script>
</html>